*{
	margin: 0;
	padding: 0;
}

body{
	font: .16rem Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft YaHei,sans-serif;
}
li{
	list-style: none;
}
.index{
	display: none;
}
@width:100%;
@transparent:transparent;
.float(@value:left;){
	float: @value;
}
.flex(){
	display:flex;
	justify-content: space-bettwen;
	align-items: center;
}
.display(@val:inline-block;){
	display: @val;
}
.position(@value){
	position: @value;
}
.back(@url;@size;@pos:center){
	background: @url no-repeat @pos;
	background-size: @size;
}
.back_color(@color){
	background-color:@color;
}
.mine{
	.back_color(#eeeeee);
}
.mine_header{
	.flex();
	.position(fixed);
	top: 0;
	z-index: 2;
	width: @width;
	height: 1.08rem;
	background-color: @transparent;
	span{
		.display();
		width: 15%;
		height: .45rem;
	}
	p{
		.display(flex);
		justify-content: flex-end;
		line-height: .35rem;
		width: 80%;
		height: .4rem;
	}
}
.mine_header_left{
	.back(url(../../img/mine_left.png);(.4rem));
}
.mine_header_xiaoxi{
	margin-right: .3rem;
	.back(url(../../img/mine_xiaoxi.png);(.4rem));
}
.mine_header_shezhi{
	.back( url(../../img/mine_shezhi.png);(.4rem));
}
.mine_section{
	.position(relative)
;	width:@width;
	height: 4.75rem;
	.back( url(../../img/mine_bg.png);(100%));
	div{
		.position(absolute);
		width: 1.74rem;
		height: 1.74rem;
		top: 50%;
		left: 50%;
		margin-top: -.88rem;
		margin-left: -.88rem;
		color: #ffffff;
		font-size: .27rem;
		text-align: center;
		span{
			.display();
			width: 1.2rem;
			height: 1.2rem;
			margin: 0 .27rem;
			.back(url(../../img/mine_login.png);(1.2rem));
			margin-bottom: .25rem;
		}
	}
}

.mine_nav{
	.flex();
	.back_color(#ffffff);
	width: @width;
	height: 1.58rem;
	span{
		.display();
		width: 33%;
		padding-top: .7rem;
		text-align:center;
		font-size: .3rem;
		color: #1bbc76;
	}
}
.mine_nav_shou{
	.back(url(../../img/mine_shoucang.png);(.52rem);top);
}
.mine_nav_jin{
	.back(url(../../img/mine_jinnang.png);(.52rem);top);
}
.mine_nav_xing{
	.back(url(../../img/mine_xingcheng.png);(.52rem);top);
}
.mine_details{
	width: 92%;
	margin: auto;
	margin-top:.35rem;
	
	p{
		line-height: 1.24rem;
		font-size: .3rem;
		border-bottom: .02rem solid #eee;
		padding-left: .9rem;
		.back_color(#ffffff);
		span{
			.display();
			.back(url(../../img/mine_right.png),(.2rem));
			.float(right);
			width: .22rem;
			height: .22rem;
			margin-top: .5rem;
			margin-right: .35rem;
		}
	}
}
.mine_mgDing{
	.back(url(../../img/mine_myDing.png),(.3rem),.27rem);
	border-radius: .05rem .05rem 0 0;
}
.mine_mgJuan{
	.back(url(../../img/mine_mgJuan.png),(.3rem),.27rem);
	margin-bottom: .35rem;
	border-radius: 0 0 .05rem .05rem;
}
.mine_mgZu{
	.back(url(../../img/mine_mgZu.png),(.3rem),.27rem);
	border-radius: .05rem .05rem 0 0;
}
.mine_mgDian{
	.back(url(../../img/mine_mgDian.png),(.3rem),.27rem);
}
.mine_mgTie{
	.back(url(../../img/mine_mgTie.png),(.3rem),.27rem);
}
.mine_mgDa{
	.back(url(../../img/mine_mgDa.png),(.3rem),.27rem);
}
.mine_mgBan{
	.back(url(../../img/mine_mgBan.png),(.3rem),.27rem);
	border-radius: 0 0 .05rem .05rem;
	border: none;
}
